/*
 * Copyright 2011 Angel Sanadinov
 *
 * This file is part of VBox WMI.
 *
 * VBox WMI is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * VBox WMI is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with VBox WMI.  If not, see <http://www.gnu.org/licenses/>.
 */

 /*
  * It should be noted that parts of the navigation menu are based on the
  * work of Dynamic Drive but no code from the web site is used in
  * the application. http://www.dynamicdrive.com/style/
  */

body
{
    background-color: #cccccc;
}

a:link, a:visited, a:hover, a:active
{
    color: #000;
}

.navigationBar
{
    list-style-type: none;
    margin: 0px;
    margin-bottom: 10px;
    font: bold 12px Verdana;
    padding: 5px 0px 3px 5px;
    border-bottom: 1px solid #999999;
}

.navigationBar li
{
    list-style-type: none;
    display: inline;
}

.navigationBar li a
{
    background-color: #c8e6bc;
    border: 1px solid #999999;
    text-decoration: none;
    text-align: center;
    padding: 3px 10px;
}

.navigationBar li#current a, .navigationBar li#currentSub a
{
    position: relative;
    top: 1px;
    padding-top: 4px;
    background-color: #cccccc;
    color: black;
    border-bottom: none;
}

.navigationBar li a:hover
{
    background-color: #000066;
    color: #FFF;
}

.navigationBar .disabledNavigationButton, .navigationBar .disabledNavigationButton:hover
{
    background-color: #333333;
}

.navigationBar #errorButton
{
    background-color: #cc0000;
}

.navigationBar #logoutButton
{
    background-color: #33ff00;
    position: absolute;
    top: 9px;
    right: 10px;
}

.navigationBar #currentServer, .navigationBar #currentServer:hover
{
    background-color: transparent;
    border-color: transparent;
    color: #000000;
    font-style: italic;
}

#contentPane
{
    padding: 5px;
    border: solid 1px #999999;
}

.resourcesTable
{
    border-collapse: collapse;
    text-align: center;
    margin: 0px;
    border: 1px solid #999999;
}

.resourcesTable tr:nth-child(even)
{
    background-color: #999999;
}

.resourcesTable tr:first-child
{
    text-align: inherit;
    font-weight: bold;
    font-style: italic;
}

.resourcesTable td
{
    padding: 2px 5px;
}

.resourceModification, .resourceCreationElement, .resourceDataTable, #confirmationPopup
{
    border: 1px solid #c8e6bc;
    background-color: #999999;
    display: none;
    z-index: 9991;

    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-height: 80%;
    overflow: auto;
    overflow-x: hidden;
}

.mainResourceDataTable
{
    background-color: #999999;
    display: inline-table;
    vertical-align: top;
}

.templateElement
{
    display: none;
}

#opaqueLayer
{
    background-color: #111111;
    opacity: 0.65;
    filter:alpha(opacity=65);
    position: fixed;
    z-index: 9990;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

#additionalInfo, #mediumOperations, #networkOperations, #userOperations,
#serverOperations, #machineOperations
{
    vertical-align: top;
    display: inline-table;
}

.popupCloseButtons
{
    position: relative;
    display: block;
    text-align: right;
    background-color: #dd0000;
}

.newErrorMessage
{
    border: 1px solid #990000;
}

#versionParagraph
{
    text-align: center;
    font: italic 10px Verdana;
}

.creationOperations
{
    border-top: 1px solid #999999;
    padding: 5px;
}

.creationLink, .pageSizeUpdateLink, .actionLink, .operationsLink, .unavailableModificationLink,
.saveButtons
{
    background-color: #c8e6bc;
    border: 1px solid #999999;
    font: bold 12px Verdana;
    text-decoration: none;
    text-align: center;
    padding: 2px 5px;
    margin: 1px 0px;
    display: inline-block;
}

.creationLink:hover, .pageSizeUpdateLink:hover, .actionLink:hover, .operationsLink:hover,
.saveButtons:hover
{
    background-color: #000066;
    color: #FFF;
}

.unavailableModificationLink:link, .unavailableModificationLink:hover,
.unavailableModificationLink:visited, .unavailableModificationLink:active
{
    background-color: #333333;
}

.operationsElement
{
    display: inline;
    font-size: xx-small;
    vertical-align: bottom;
}

#operationsElement a img
{
    border: none;
}

#rdpMessagesElement
{
    border: 1px solid #999999;
}
